.agent-list-container {
  padding: 24px;
  
  .agent-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }
  
  .agent-card {
    height: 100%;
    transition: all 0.3s;
    
    &:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      transform: translateY(-5px);
    }
    
    .agent-card-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .agent-card-content {
      min-height: 100px;
      
      .agent-info-item {
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between;
      }
    }
  }
}

// 智能体编辑页面样式
.agent-edit-container {
  padding: 24px;
  
  .agent-edit-header {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
  }
  
  .agent-edit-card {
    max-width: 800px;
    margin: 0 auto;
  }
}

// 智能体训练页面样式
.agent-train-container {
  padding: 24px;
  
  .agent-train-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }
  
  .agent-train-layout {
    background: #fff;
    
    .agent-train-sider {
      background: #fff;
      margin-right: 24px;
      
      .system-prompt-container {
        max-height: 200px;
        overflow-y: auto;
        margin-bottom: 16px;
      }
      
      .training-list {
        .training-item {
          padding: 8px 12px;
          border-radius: 4px;
          cursor: pointer;
          margin-bottom: 8px;
          border: 1px solid #f0f0f0;
          
          &:hover {
            background: #f5f5f5;
          }
          
          &.active {
            border-color: #1890ff;
            background: #e6f7ff;
          }
          
          .training-item-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 4px;
            font-weight: 500;
          }
          
          .training-item-desc {
            font-size: 12px;
            color: #999;
          }
        }
      }
    }
    
    .agent-train-content {
      padding: 0 12px;
      
      .training-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px;
      }
      
      .card-title-with-action {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
      }
      
      .training-examples-card {
        margin-bottom: 16px;
      }
      
      .training-log-card {
        margin-bottom: 16px;
        
        .session-tabs {
          display: flex;
          margin-bottom: 16px;
          overflow-x: auto;
          padding-bottom: 8px;
          
          .session-tab {
            margin-right: 12px;
            cursor: pointer;
            margin:15px  15px  15px 0;
            &.active {
              .ant-badge-count {
                background: #1890ff;
              }
            }
          }
        }
        
        .training-logs {
          .log-item {
            border: 1px solid #f0f0f0;
            border-radius: 4px;
            margin-bottom: 12px;
            
            .log-content {
              padding: 12px;
              
              .log-header {
                display: flex;
                justify-content: space-between;
                padding-bottom: 8px;
                border-bottom: 1px dashed #f0f0f0;
                margin-bottom: 8px;
              }
              
              .log-body {
                .log-input, .log-expected, .log-actual {
                  margin-bottom: 8px;
                }
              }
            }
          }
        }
        
        .empty-log {
          text-align: center;
          padding: 40px 0;
        }
      }
      
      .empty-training {
        text-align: center;
        padding: 100px 0;
      }
    }
  }
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  
  button {
    margin-left: 8px;
  }
} 